<script setup>
   import {ref,reactive,onMounted,computed,watch,onActivated} from 'vue';
   import axios from 'axios';
   import { ElMessage } from 'element-plus';

   const input = ref('');

   watch(
      ()=>input.value,(newVal,oldVal)=>{
         console.log(newVal,oldVal);
      },
      {deep:true}
   )
</script>
<template>
   <div class="box">
      <el-input v-model="input" placeholder="Please input" />
   </div>
</template>
<style scoped>

</style>